@extends('layouts.master')

@section('title')
    Jugadores
@stop

@section('content')
<div class="row">
	<div class="col-lg-12">
		<section class="panel">
            <div class="table-responsive">
            	<table class="table table-striped m-b-none" data-ride="datatables">
					<thead>
						<tr>
							<th>ID</th>
							<th>Nombre</th>
							<th>Apellido</th>
							<th>Edad</th>
							<th>Sexo</th>
							<th>Hincha de</th>
							<th>Ubicación</th>
							<th>Email</th>
							<th>Grupos</th>
							<th>Partidos organizados</th>
							<th>Partidos jugados</th>
						</tr>
					</thead>
					<tbody>
					<!-- display stored players -->
					@foreach($players as $key => $value)
						<tr>
							<td>{{ $value->id }}</td>
							<td>{{ $value->name }}</td>
							<td>{{ $value->lastname }}</td>
							<td class="edad">{{ $value->age }}</td>
							<td>{{ $value->sex }}</td>
							<td>{{ $value->fanOf }}</td>
							<td>{{ $value->location }}</td>
							<td>{{ $value->email }}</td>
							<td>{{ $value->groups->count() }}</td>
							<td class="partidos">{{ $value->matchesAdmin->count() }}</td>
							<td>{{ $value->teams->count() }}</td>
						</tr>
					@endforeach
					</tbody>
					<tfoot>
						<tr>
							<td><b>TOTALES</b></td>
							<td></td>
							<td></td>
							<td class="edadPromedio"></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td class="partidosTotal"></td>
							<td></td>
						</tr>
					</tfoot>
				</table>	
            </div>
    	</section>
	</div>
</div>
@stop

@section('scripts')
<script type="text/javascript">
	$(document).ready(function() {
		// datatable
		var oTable = $("[data-ride='datatables']").DataTable({
			"sDom": "<'row'<'col-sm-6'l><'col-sm-6'f>r>t<'row'<'col-sm-6'i><'col col-sm-6'p>>",
			"sPaginationType": "full_numbers",
			"language": {
		    	"lengthMenu": "Mostrar _MENU_ registros por página",
		        "zeroRecords": "No se encontraron resultados",
		        "info": "Mostrando página _PAGE_ de _PAGES_",
		        "infoEmpty": "No hay datos para mostrar",
		        "infoFiltered": "(filtrado de un total de _MAX_ registros)"
			}
		});

		findTotals();
	});

	function findTotals() {
		var rows = 0;
		var edad_promedio = 0;
		var edad_total = 0;
        var partidos_total = 0;
        
        $("tbody tr").each(function() {
            rows++;
            edad_total += Number($(this).find("td.edad").html());
        	partidos_total += Number($(this).find("td.partidos").html());
	    });

        edad_promedio = edad_total / rows;
	    $("tfoot td.edadPromedio").html(edad_promedio.toFixed(0));
	    $("tfoot td.partidosTotal").html(partidos_total);
	}
</script>
@stop